<template>
    <div class="page-show">

        <img width="236" height="191" v-if="isDark" src="@/assets/home/empty-img-dark.png" alt="">
        <img width="236" height="191" v-if="!isDark" src="@/assets/home/empty-img.png" alt="">
        <!-- <img width="236" height="191" v-if="!isDark" src="@/assets/home/empty-img-light.png" alt=""> -->
        <div class="empty-text h-[18px] -translate-y-[18px]">
            {{ text }}
        </div>

    </div>
</template>
<script lang="ts" setup>
import { useDark } from "@pureadmin/utils";
const { isDark } = useDark();
const props = defineProps({
    text: {
        type: String,
        default: ""
    }
})
</script>
<style lang="scss" scoped>
.page-show {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
</style>